
//导航---------------------------------
.el-menu{
    border-right: none;
    background-color: transparent;
}
.el-menu-vertical-demo{
    //background-color: rgba(27,48,75,0.5);
}

.el-menu-item.is-active {
    color: #fff;
    background-color: rgba(63, 145, 245, 0.46);
}


//tab------------------------
.el-tabs{
    .el-tabs__header{
        .el-tabs__item{
            color: #4E7FBF;
            &.is-active{
                color: #fff;
            }
        }
    }
}




//filter---------------------------------
.filter{
    border:none !important;
}

//
.list{
    border: none !important;
}

//table------------------------------------
.el-table{
    background-color:transparent;
    th, tr{
        background-color: transparent;
    }
    td{
        border-bottom: 1px solid rgba(60, 79, 103, 0.44);
    }
}

//button-----------------------------------
.el-button{
    color: #afcaf7;
    background-color: #112d52;
    &:hover{
        color: #fbfbfb;
        background-color: rgb(76, 125, 189);
        border-color: #68aaff;
    }
}
.el-button--primary{
     color: #afcaf7;
}
.el-button--primary:focus, 
.el-button--primary:hover{
    color: #fbfbfb;
    background-color: rgb(60, 102, 156);
    border-color: #68aaff;

}


//分页-------------------------
.el-pager li{
    background-color: transparent;
}
.el-pagination button:disabled{
    background-color: transparent;
}


//表单元素-------------------------
.el-checkbox__inner::after{
    border-color:#fff;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{
    background-color: #fff;
}
.el-input__inner{
    background-color: transparent;
}

.el-table__row:hover{
    background-color: rgba(76, 102, 134, 0.39);
    td{
        background-color: inherit !important;
    }
}

.el-range-input{
    background-color: transparent;
}

.el-upload--picture-card{
    background-color: transparent;
}

.el-radio__inner::after{
    background-color:#fff;
}



//富文本---------------------------
.w-e-toolbar{
    border-color: #7C91BB !important;
    background-color: rgba(49, 117, 210, 0.26) !important;
    .w-e-menu{
        z-index: 5 !important;
        &>i{
            color: #8dc7fd !important;
        }
        &:hover>i{
            color: #fff !important;
        }
    }
    
}
.w-e-text-container{
    border-color: #7C91BB !important;
    color: #ceddf1;
    min-height: 450px;
    z-index: 1 !important;
    margin-bottom: 50px;
}



//dialog---------------------------------------
.el-dialog__headerbtn .el-dialog__close{
    color: #fff;
}
.v-modal{
    background-color: #82a1ca;
}


//tree----------------------------
.el-tree{
    background-color: transparent !important;
    .el-tree-node__content:hover{
        background-color: #7a9bc523;
    }
}


//提示------------
.el-tooltip__popper.is-light{
    background: #1c406f;
    color: #79acef;
    border: 1px solid #3871bb;
    .popper__arrow{

    }
     .popper__arrow{
        border-right-color: #3871bb !important;
        &:after{
            border-right-color: #3871bb !important;
        }

    }
}